<template>
  <div>
    <h3>子组件 -- {{ count }}</h3>
    <button @click="addCount">+++count+++</button>
  </div>
</template>

<script>
import { ref } from 'vue'
export default {
  // expose可以指定暴露给ref的属性或方法
  setup(props, { expose }) {
    const count = ref(200)
    const name = ref('张三')

    const addCount = () => {
      count.value++
    }

    // 指定给父组件绑定的ref实例它所获取的数据
    // expose起到一定的保护作用
    expose({
      count,
      // a: 100
    })

    return {
      count,
      name,
      addCount
    }
  }
}
</script>

<style lang="scss" scoped></style>
